﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页设计复习</title>
</head>
<style>
p{
	
	font-size:20px;
	
}

body{background:url(%E7%94%B5%E8%84%91%E5%A3%81%E7%BA%B8/%E3%80%8A%E9%B8%9F%E7%AC%BC%E3%80%8B%E9%AB%98%E6%B8%85%E7%94%B5%E8%84%91%E5%A3%81%E7%BA%B8.jpg) no-repeat; 
background-attachment:fixed
}
div{
	font-size:26px;
	color:#F93;
}
table{
	margin:80px;
}
img{
	width:260px;
	height:320px;
	border:#009900 2px solid;
	float:left;
    padding-right:0.5px;
}

</style>
<body>
<p style="text-align:center">网页设计复习</p>
html列表
<ul>
<li>无序列表</li>
<li> ul 和 li 组合</li>
<li> 可以用css对标记进行修改</li>
</ul>
<ol>
<li>有序列表</li>
<li> ol 和 li 组合</li>
<li>同样可以用css进行修饰</li>
</ol>
表格
<table border="1px" width="300" height="150" cellpadding="10" bgcolor="orange">
<tr>
<td>tr表示行</td>
<td>td表示列</td>
<td>th我暂时不知道有啥用</td>
</tr>
<tr>
<td>表单的功能很多</td>
<td>cellpadding</td>
<td>文字距边框的距离</td>
</tr>
</table>

<br />
br是换行<br />
<form method="post" cols ="50" rows = "5">
<p>建议：<br/>
<textarea name="yourworks" cols ="50" rows = "5"></textarea>
</p>
<p>
<input type="submit" name="submit" value="提交" class=but />
<input type="reset" name="reset" value="清除" class=but  />
</p>
</form>
<form>
动漫类型：<br>
<select name="fruit" size = "2" multiple>
<option value="Book1">热血
<option value="Book2">校园
<option value="Book3">后宫

</select>
</form>

<div>
可以通过css设置背景图片的摆放<br />
超链接的写法：<br />
<a href="bg.jpg" target="_blank">壁纸</a>
<a href="http://www.baidu.com" target="_blank">百度</a><br/>
form 表单 ：主要是用来和用户交互的。
<br/>
</div>
<audio controls="controls">
  <source src="奏.mp3">
  </audio>
<h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《片尾》</h1><br/>
<video controls="controls" height="480" width="720">
  <source src="个人片尾.mp4">
  </video><br/>

</body>
</html>
